<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>慕课网</title>
		<link rel="stylesheet" type="text/css" href="css/mooc.css" />
		<link href="css/banner/style.css" rel="stylesheet" />
		<style type="text/css"></style>
	</head>
	<body>
		<div class="header">
			<div class="l-f">
				<div class="logo-top">
					<img src="images/logo.png" alt="logo"></img>
				</div>
				<div id="top" class="logo-top">
					<a href="">课程&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
					<a href="">职业路径&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
					<a href="">实战&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
					<a href="">猿问&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
					<a href="">手记</a>
				</div>
			</div>
			<div id="s" class="search">
				<div id="xiaobai" class="right-top">
					<a href="">前端小白</a>
				</div>
				<div id="rumen" class="right-top">
					<a href="">java入门</a>
				</div>
				<div class="fr-search">
					<input type="text" />
					<i class="icon-search"></i>
				</div>
				<!-- <div>
					<hr cl ass ="hr"></hr>
				</div> -->
				<div class="img-search">
					<img src="images/search.png" />
				</div>
			</div>
			<div class="right">
				<div #id="img-cart" class="cart">
					<img src="images/cart.png" />
				</div>
				<div class="cart"><a href="cart.html">购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> </div>
				<div class="cart"><a href="login.html">登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></div>
				<div class="cart"><a href="">注册</a></div>
			</div>
		</div>
		<div class="container">
			<div class="banner">
				<div class="b-img">
					<a href="#" style="background:url(images/banner/banner01.jpg) center no-repeat;"></a>
					<a href="#" style="background:url(images/banner/banner02.jpg) center no-repeat;"></a>
					<a href="#" style="background:url(images/banner/banner03.jpg) center no-repeat;"></a>
					<a href="#" style="background:url(images/banner/banner04.jpg) center no-repeat;"></a>
					<a href="#" style="background:url(images/banner/banner05.jpg) center no-repeat;"></a>
					<a href="#" style="background:url(images/banner/banner06.jpg) center no-repeat;"></a>
				</div>
				<div class="b-list"></div>
				<a class="bar-left" href="#"><em></em></a>
				<a class="bar-right" href="#"><em></em></a>
			</div>

			<div class="navbar">
				<ul>
					<li>
						<a href="">
							<span class="fl">前端开发</span>
							<i class="icon-right2 fr"></i>
							<img src="images/nav/nav01.png" />
						</a>
					</li>
					<li>
						<a href="">
							<span class="fl">后端开发</span>
							<i class="icon-right2 fr"></i>
							<img src="images/nav/nav02.png" />
						</a>
					</li>
					<li>
						<a href="">
							<span class="fl">移动开发</span>
							<i class="icon-right2 fr"></i>
							<img src="images/nav/nav03.png" />
						</a>
					</li>
					<li>
						<a href="">
							<span class="fl">数据库</span>
							<i class="icon-right2 fr"></i>
							<img src="images/nav/nav04.png" />
						</a>
					</li>
					<li>
						<a href="">
							<span class="fl">云计算&大数据</span>
							<i class="icon-right2 fr"></i>
							<img src="images/nav/nav05.png" />
						</a>
					</li>
					<li>
						<a href="">
							<span class="fl">运维&测试</span>
							<i class="icon-right2 fr"></i>
							<img src="images/nav/nav06.png" />
						</a>
					</li>
					<li>
						<a href="" class="no-border">
							<span class="fl">UI设计</span>
							<i class="icon-right2 fr"></i>
							<img src="images/nav/nav07.png" />
						</a>
					</li>
				</ul>
			</div>
			<!-- new-box -->
			<div class="new-box">
				<div class="c1">
					<a href=""><img src="images/new/path_1.png" /></a>
				</div>
				<div class="c1">
					<a href=""><img src="images/new/path_2.png" /></a>
				</div>
				<div class="c1">
					<a href=""><img src="images/new/path_3.png" /></a>
				</div>
				<div class="c1">
					<a href=""><img src="images/new/path_4.png" /></a>
				</div>
				<div class="c1">
					<a href=""><img src="images/new/path_5.png" /></a>
				</div>
			</div>
			<!-- recommend -->
			<div class="recommend">
				<div class="clearfix">
					<div>
						<p class="t1">实战推荐</p>
					</div>
					<div id="more"> <a href="#" class="t2">更多></a></div>
				</div>
				<div class="lession1">
					<div class="fl1">
						<a class="fl" href="">
							<div class="head1">
								<div> HTML5&nbsp;JavaScript</div>
							</div>
							<div class="content">
								<div class="text">
									<strong>微信小程序入门与实战 常用组件 API 开发技巧</strong>
								</div>
								<div class="summary">
									[官方同步]学会小程序开发，一个集阅读与电影于一体的小程序
								</div>
								<div class="tail">
									<div class="number">
										1593人学
									</div>
									<div class="price">
										￥199.00
									</div>
								</div>
							</div>
						</a>
					</div>
					<div class="fl1">
						<a class="fl" href="">
							<div class="head2">
								<div>&nbsp;JavaScript</div>
							</div>
							<div class="content">
								<div class="text">
									<strong>微信小程序入门与实战 常用组件 API 开发技巧</strong>
								</div>
								<div class="summary">
									[官方同步]学会小程序开发，一个集阅读与电影于一体的小程序
								</div>
								<div class="tail">
									<div class="number">
										1593人学
									</div>
									<div class="price">
										￥199.00
									</div>
								</div>
							</div>
						</a>
					</div>
					<div class="fl1">
						<a class="fl" href="">
							<div class="head3">
								<div> HTML5&nbsp;JavaScript</div>
							</div>
							<div class="content">
								<div class="text">
									<strong>微信小程序入门与实战 常用组件 API 开发技巧</strong>
								</div>
								<div class="summary">
									[官方同步]学会小程序开发，一个集阅读与电影于一体的小程序
								</div>
								<div class="tail">
									<div class="number">
										1593人学
									</div>
									<div class="price">
										￥199.00
									</div>
								</div>
							</div>
						</a>
					</div>
					<div class="fl1">
						<a class="fl" href="">
							<div class="head4">
								<div> HTML5&nbsp;JavaScript</div>
							</div>
							<div class="content">
								<div class="text">
									<strong>微信小程序入门与实战 常用组件 API 开发技巧</strong>
								</div>
								<div class="summary">
									[官方同步]学会小程序开发，一个集阅读与电影于一体的小程序
								</div>
								<div class="tail">
									<div class="number">
										1593人学
									</div>
									<div class="price">
										￥199.00
									</div>
								</div>
							</div>
						</a>
					</div>
					<div class="fl1">
						<a class="fl" href="">
							<div class="head5">
								<div> HTML5&nbsp;JavaScript</div>
							</div>
							<div class="content">
								<div class="text">
									<strong>微信小程序入门与实战 常用组件 API 开发技巧</strong>
								</div>
								<div class="summary">
									[官方同步]学会小程序开发，一个集阅读与电影于一体的小程序
								</div>
								<div class="tail">
									<div class="number">
										1593人学
									</div>
									<div class="price">
										￥199.00
									</div>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- bottom -->
		<div class="bottom">
			<div class="bottom-top">
				<div class="bottom-left-top">
					<div class="bottom-link"><a href="">企业合作</a></div>
					<div class="bottom-link"><a href="">人才招聘</a></div>
					<div class="bottom-link"><a href="">联系我们</a></div>
					<div class="bottom-link"><a href="">讲师招募</a></div>
					<div class="bottom-link"><a href="">帮助中心</a></div>
					<div class="bottom-link"><a href="">意见反馈</a></div>
					<div class="bottom-link"><a href="">慕课大学</a></div>
					<div class="bottom-link"><a href="">友情链接</a></div>
				</div>
				<div class="bottom-right-top">
					<a href=""><img src="images/microblog.png" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
					<a href=""><img src="images/wechat.png" /></a>
				</div>
			</div>
			<div class="bottom-left-bottom">
				©2019&nbsp;imooc.com&nbsp;&nbsp;京ICP备&nbsp;12003892号-11
			</div>
		</div>

		<div>
			<script src="js/jquery-1.8.3.min.js"></script>
			<script src="js/banner.js"></script>
			<script src="js/focus.js"></script>
			<script type="text/javascript">
				movec();
			</script>
		</div>
	</body>
</html>
